<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1>测试if</h1>
				小明的数学成绩:<input  type="text" id="input1" />
				<button onclick="check()">判断是否及格</button>
				<button onclick="check2()">判断等级</button>
				
				
				<h1>测试switch</h1>
				请输入一个颜色：<input  type="text" id="input2" />
				<button onclick="setColor()">设置颜色</button>
				
				<script>
					
					// 1. if语句			
					function check()
					{
						var math = input1.value
						if(math>59)
						{
							alert("及格了!")
						}
						else
						{
							alert("不及格!")
						}
					}
					function check2()
					{
						var math = input1.value
						if(math>89)
						{
							alert("优秀")
						}
						else if(math>79)
						{
							alert("良好")
						}
						else if(math>69)
						{
							alert("中等")
						}
						else if(math>59)
						{
							alert("及格")
						}
						else
						{
							alert("不及格");
						}
					}
					
					// 练习:
					// 1. yong
					
					function setColor()
					{
						var c = input2.value
						
						switch(c)
						{
							case "red":
								alert("红色");
								document.body.style.backgroundColor=c;
							break;
							case "green":
								alert("绿色");
								document.body.style.backgroundColor=c;
							break;
							case "blue":
								alert("蓝色");
								document.body.style.backgroundColor=c;
							break;
							default:
								alert("用户输入的是其他内容");
								document.body.style.backgroundColor="white";
						}
					}
				</script>
	</body>
</html>
